<template>
    <div class="dashboard-container">
        <div class="dashboard-text">name: {{ name }}</div>
        <div class="dashboard-text">uid: {{ userId }}</div>
        <el-button type="primary" @click="dialogVisible = true">主要按钮</el-button>
    </div>
</template>

<script>
  import { mapGetters } from 'vuex'
  export default {
    name: 'Dashboard',
    data() {
      return {
        dialogVisible: false
      }
    },
    computed: {
      ...mapGetters([
        'name',
        'userId'
      ])
    }
  }
</script>

<style lang="scss" scoped>
    .dashboard {
        &-container {
            margin: 30px;
        }
        &-text {
            font-size: 30px;
            line-height: 46px;
        }
    }
</style>
